<template>
  <dd :class="classes">
    <a :href="to"><slot></slot></a>
  </dd>
</template>

<script>
export default {
  name: "SubNavbarItem",
  props: {
    to: {
      type: String,
      default: "javascript:;"
    },
    selected: Boolean
  },
  computed: {
    classes() {
      return [
        {
          [`layui-this`]: !!this.selected
        }
      ];
    }
  }
};
</script>

<style scoped>

</style>